import Vue from 'vue';
import App from './App.vue';
import store from './store'
import router from './router'
import ElementUI from 'element-ui'
import hljs from "highlight.js"
import "highlight.js/styles/github-dark.css" // 使用样式，有多种样式可选
import 'element-ui/lib/theme-chalk/index.css'
import 'element-ui/lib/theme-chalk/display.css'//引入断点库



Vue.use(ElementUI);
Vue.config.productionTip = false;//关闭上线模式

// 增加自定义命令v-highlight
// 引入 highlight.js 代码高亮工具,注册指令
Vue.directive('highlight',function (el) {
  let blocks = el.querySelectorAll('pre code');
  blocks.forEach((block)=>{
    hljs.highlightBlock(block)
    block.innerHTML = `<ol><li>${block.innerHTML.replace(
      /\n/g,
      `</li><li class="line">`
    )}</li></ol>`;
  })
})
    new Vue({
        el:"#app",
        render:h=>h(App),
        store,
        router
    })
    

// 增加组定义属性，用于在代码中预处理代码格式
